﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="接箍质保书.aspx.cs" Inherits="syc.ZhiJian.接箍质保书" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<div id="wintop" class="wintop">接箍质保书</div>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript" src="/common.js"></script> 
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="json2.js"></script>

<style type="text/css">  
    .focusField{  
        border:solid 2px red;  
        background:yellow;  
        color:#000;  
    }  
    .idleField{  
        background:white;  
        color: #6F6F6F;  
        border: solid 2px #DFDFDF;  
    }
    .hide
    {
        display:none;    
    }  
</style>

<script type="text/javascript">

var mem=new Array();
//define each row of talbe has how many clo
var table=new Array(11,11,11,11,13,13,13,13,11,11,11,11,11);
var tabel_validation=new Array();
var upCol,downCol,reCol,reGroup;


//Main
$(document).ready(function() {
    //缓存整个INBOX OBJECT，这样效率更高
    var inputbox = $("#main_table input[type='text']");

    //解决INPUTBOX的焦点问题，全体游览器通吃	
    inputbox.addClass("idleField");
    inputbox.focus(function() {
        $(this).removeClass("idleField").addClass("focusField");
        if (this.value == this.defaultValue) {
            this.value = '';
        }
        if (this.value != this.defaultValue) {
            this.select();
        }
    });
    inputbox.blur(function() {
        $(this).removeClass("focusField").addClass("idleField");
        if ($.trim(this.value == '')) {
            this.value = (this.defaultValue ? this.defaultValue : '');
        }
    });

    //END OF 解决INPUTBOX的焦点问题，全体游览器通吃

    //Set the input css
    inputbox.css({ width: "100%", height: "100%", border: "none" });

    //If press Enter,turn focus to next input box
    inputbox.bind('keydown', function(e) {
        var code = (e.keyCode ? e.keyCode : e.which);
        var idx = inputbox.index($(this));
        //up keycode 	
        if (code == 38) {
            //计算上一行的IDX值
            cal(idx);
            /* FOCUS ELEMENT */
            if (idx == inputbox.length - 1) {
                inputbox[0].select()
            } else {
                inputbox[upCol].focus(); //  handles submit buttons
                inputbox[upCol].select();
            }
        }
        //down keycode 	
        if (code == 40) {
            //计算下一行的IDX值
            cal(idx);
            /* FOCUS ELEMENT */
            if (idx == inputbox.length - 1) {
                inputbox[0].select()
            } else {
                inputbox[downCol].focus(); //  handles submit buttons
                inputbox[downCol].select();
            }
        }
        //Right keycode 	
        if (code == 39) {
            //计算下一行的IDX值
            cal(idx);
            /* FOCUS ELEMENT */
            if (idx == inputbox.length - 1) {
                inputbox[0].select()
            } else {
                inputbox[idx + 1].focus(); //  handles submit buttons
                inputbox[idx + 1].select();
            }
        }
        //Left keycode 	
        if (code == 37) {
            //计算下一行的IDX值
            cal(idx);
            /* FOCUS ELEMENT */
            if (idx == inputbox.length - 1) {
                inputbox[0].select()
            } else {
                inputbox[idx - 1].focus(); //  handles submit buttons
                inputbox[idx - 1].select();
            }
        }
        //Enter keycode 	
        if (code == 13) {
            /* FOCUS ELEMENT */
            var idx = inputbox.index($(this));
            if (idx == inputbox.length - 1) {
                inputbox[0].select()
            } else {
                inputbox[idx + 1].focus(); //  handles submit buttons
                inputbox[idx + 1].select();
            }
        }
    });
    //Set the "Show me" Button Click Event
    $("#save").click(function() {      
        readField();
        $("#data").val(ser(mem));
        //For debug
        //alert($("#data").val());
        __doPostBack('doSave', '');
    });
    //验证规则子面板展开,默认是关闭的
    $("#Panel3").hide();
    $("#validation").click(function() {
        $("#Panel3").toggle("slow");
    });

    //序列化一个数组
    function ser(mem) {
        var memstr = "";
        memstr = JSON.stringify(mem, "|");
        return memstr;
    }
    //读取整个INPUTBOX，并放入数组
    function readField() {
        //clear mem
        mem.length = 0;
        inputbox.each(function() {
            mem.push($(this).attr("value"));
        });
    }
    //从mem读取值，并载入到INPUTBOX中去
    function loadField() {
        //clear mem
        mem.length = 0;
        mem = JSON.parse($("#data").val());
        var n = 0;
        inputbox.each(function() {
            $(this).val(mem[n]);
            n++;
        });
        n = 0;
    }

    //计算相对坐标，便于分组后搞验证
    function cal_re(idx) {
        reCol = 0;
        reGroup = 0;
        //计算当前INDEX所在行的相对坐标，用此方法顺带将行号读入i	
        for (i = 0; i < table.length; i++) {
            //如果INDEX大于当前行的列值，则减去当前行，否则break
            if (idx >= table[i]) { idx = idx - table[i]; } else { break; }
        }
        //相对列就是idx
        reCol = idx;
        if (i >= 0 && i <= 3) { reGroup = 0; }
        if (i > 3 && i <= 7) { reGroup = 1; }
        if (i > 7 && i <= 12) { reGroup = 2; }
    }
    //计算向上向下箭头按键的INDEX值
    function cal(idx) {
        var i, j;
        //clear index recoder
        upCol = 0;
        downCol = 0;
        //		0		1		2		3				4		5				6		7		8		9		10
        //		11		12		13		14				15		16				17		18		19		20		21
        //		22		23		24		25				26		27				28		29		30		31		32
        //		33		34		35		36				37		38				39		40		41		42		43
        //=================================================================================
        //		44		45		46		47		48		49		50		51		52		53		54		55		56
        //		57		58		59		60		61		62		63		64		65		66		67		68		69
        //		70		71		72		73		74		75		76		77		78		79		80		81		82
        //		83		84		85		86		87		88		89		90		91		92		93		94		95
        //=================================================================================	
        //		96		97		98		99		100	101	102	103					104	105	106
        //		107	108	109	110	111	112	113	114					115	116	117
        //		118	119	120	121	122	123	124	125					126	127	128
        //		129	130	131	132	133	134	135	136					137	138	139
        //		140	141	142	143	144	145	146	147					148	149	150
        //计算当前INDEX所在行的相对坐标，用此方法顺带将行号读入i
        for (i = 0; i < table.length; i++) {
            //如果INDEX大于当前行的列值，则减去当前行，否则break
            if (idx >= table[i]) { idx = idx - table[i]; } else { break; }
        }
        //idx=11,idx=11-11=0,i=1,preRow=0,curtRow=1,nextRow=2
        //上一行就是i-1，所在行是i,nextRow是i+1
        //upCol=0+idx=0+0=0,j=0,j==(i-1),不执行循环
        //计算得到按上箭头，应该到的INDEX
        for (j = 0; j < i - 1; j++) {
            upCol = upCol + table[j];
        }
        upCol = upCol + idx;
        //idx=11,idx=11-11=0,i=1,nextRow=2,downCol=0+11+11+0=22+0=22
        //计算得到按下箭头，应该到的INDEX
        for (j = 0; j < i + 1; j++) {
            downCol = downCol + table[j];
        }
        downCol = downCol + idx;

    }
    //从隐藏的HIDDEN FIELD里读入数据，载入mem数组，并写入各个INPUT BOX
    loadField();
});
				
</script>
</head>
<body>
<form id="form1" runat="server">
<!-- 
//数据库打交道的部分，使用HIDDEN的一个单元储存数组
-->
<asp:HiddenField ID="data" runat="server" Value=""/>
<asp:DropDownList ID="tof" runat="server" DataSourceID="SqlDataSource1" DataValueField="质检结果" CssClass="hide">
</asp:DropDownList>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:SCMConnectionString1 %>"
            SelectCommand="SELECT [ID], [data],[质检结果] FROM [原料到货记录] WHERE ID=@ID"
            UpdateCommand="UPDATE [原料到货记录] SET [data]=@data,[质检结果]=@是否合格 WHERE ID=@ID"
            >
 <SelectParameters>
    <asp:QueryStringParameter QueryStringField="ID" Name="ID" />
 </SelectParameters>
 <UpdateParameters>
    <asp:QueryStringParameter QueryStringField="ID" Name="ID" />
    <asp:ControlParameter ControlID="data" Name="data" PropertyName="value" />
    <asp:ControlParameter ControlID="tof" Name="是否合格" PropertyName="SelectedValue" DbType="Boolean" />
 </UpdateParameters>
</asp:SqlDataSource>

 <div class="wintop">接箍质保书</div>
 <asp:Panel ID="Panel2" runat="server" CssClass="panel">
<input id="save" type="button" value="保 存" class="button" />
<asp:Button ID="doSave" runat="server" Text="SAVE" UseSubmitBehavior="false" CssClass="hide" OnClick="Button_Save_Click" />
<asp:Button ID="Sign" runat="server" Text="盖/去章" UseSubmitBehavior="false" 
         CssClass="button" onclick="Sign_Click" />
<input id="validation" type="button" value="验证规则" class="button" />         
<input id="load" type="button" value="Load Me" style="display:none" />
</asp:Panel>

<asp:Panel ID="Panel3" runat="server" CssClass="panel">
<table> 
<tr>
    <td>外径:<input type="text" /></td><td>总长:<input type="text" /></td><td>镗孔直径:<input type="text" /></td><td>镗孔深度:<input type="text" /></td>
</tr>
</table>    
</asp:Panel>
<script type="text/javascript">        putBillHead();</script>

<asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="SqlDataSource2" DataValueField="名称" CssClass="hide">
</asp:DropDownList>
<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:SCMConnectionString1 %>"
            SelectCommand="SELECT [原料供货单位].[名称] FROM [原料到货记录] AS kc INNER JOIN
                           dbo.原料供货单位 ON kc.供货ID = dbo.原料供货单位.ID WHERE kc.ID=@ID">
 <SelectParameters>
    <asp:QueryStringParameter QueryStringField="ID" Name="ID" />
 </SelectParameters>            
</asp:SqlDataSource>

<h1><asp:Label ID="Label1" runat="server" Text=""></asp:Label>机械制造有限公司</h1>

<span>收货单位:陕西延长石油材料有限责任公司</span>
<span>规格:5 1/2" LC</span>  <span>钢级:J55</span>  <span>螺纹类型:圆螺纹</span>   <span>执行标准:API SPEC 5CT</span>
<table id="main_table" border="1" >
<tr align="center">
<td rowspan="6">检测参数</td>

	<tr align="center">
		<td>序号</td><td>外径mm</td><td>总长mm</td>
		<td colspan="2">镗孔直径mm</td><td>镗孔深度mm</td>
		<td colspan="2">锥度mm</td>
		<td>螺距mm</td><td>齿高mm</td><td>紧密距mm</td>
		<td>其它</td><td>标志色</td><td>备注</td>	
	</tr>
	<tr align="center">
		<td>1</td><td><input type="text" /></td><td><input type="text" /></td>
		<td colspan="2"><input type="text" /></td><td><input type="text" /></td>
		<td colspan="2"><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
	</tr>
	<tr align="center">
		<td>2</td><td><input type="text" /></td><td><input type="text" /></td>
		<td colspan="2"><input type="text" /></td><td><input type="text" /></td>
		<td colspan="2"><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
	</tr>
	<tr align="center">
		<td>3</td><td><input type="text" /></td><td><input type="text" /></td>
		<td colspan="2"><input type="text" /></td><td><input type="text" /></td>
		<td colspan="2"><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
	</tr>
	<tr align="center">
		<td>4</td><td><input type="text" /></td><td><input type="text" /></td>
		<td colspan="2"><input type="text" /></td><td><input type="text" /></td>
		<td colspan="2"><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
	</tr>

</tr>

<tr  align="center">
<td rowspan="6">化学成分</td>
	<tr  align="center">
		<td>序号</td><td>碳C</td><td>硅Si</td><td>锰Mn</td><td>磷P</td><td>硫S</td><td>铬Cr</td><td>镍Ni</td>
		<td>铜Cu</td><td>钼Mo</td><td>钒V</td><td>硼B</td><td>钨W</td><td>铝Al</td>
	</tr>
	<tr  align="center">
		<td>1</td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td>
	</tr>
	<tr  align="center">
		<td>2</td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td>
	</tr>
	<tr  align="center">
		<td>3</td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td>
	</tr>
	<tr  align="center">
		<td>4</td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td>
	</tr>
</tr>

<tr>
<td rowspan="7">机械性能工艺性能</td>
	<tr  align="center">
		<td>序号</td><td>抗拉强度Mpa</td><td>屈服强度Mpa</td><td>伸长率%</td><td>收缩率%</td><td>冲击AKVJ</td>
		<td>磷化膜厚度</td><td>磁粉探伤</td><td colspan="3">炉批号</td><td>包数</td><td>只/包</td><td>总数量</td>
	</tr>
	<tr  align="center">
		<td>1</td><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td colspan="3"><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
	</tr>
	<tr  align="center">
		<td>2</td><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td colspan="3"><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
	</tr>
	<tr  align="center">
		<td>3</td><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td colspan="3"><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
	</tr>
	<tr  align="center">
		<td>4</td><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td colspan="3"><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
	</tr>
	<tr  align="center">
		<td>5</td><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
		<td><input type="text" /></td><td colspan="3"><input type="text" /></td>
		<td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td>
	</tr>
</tr>
</table>
<img id="stamp" src="stamp.gif" runat="server" style="position:absolute;left:830px;top:550px;" />
<script type="text/javascript">    putBillFoot();</script>    
    </form>
</body>
</html>
